@charset "utf-8";
/* CSS Document */

body {	
  font-family: 'Open Sans', 'sans-serif';
  background: #F5F5F5; 
  margin-bottom: 95px;
}   

html {

	position: relative;
	min-height: 100%;
}

/* CABEÇALHO - LISTA
-----------------------------------*/

div#cabecalho-lista {
       margin-top: 20px;
       float: left;
}

/* ALERTA - LOGIN
------------------ */

#alerta-login {	
	max-width: 300px;
	margin-bottom: 15px;
}

/* ALERTA - RECUPERA SENHA
--------------------------- */

#alerta-senha {	
	max-width: 340px;
	margin-bottom: 15px;
}


/* ÍCONE SAIR DO SISTEMA
-------------------------- */

span.glyphicon.glyphicon-off
{
	margin-right: 10px;
	top: 3px;
}

/* IMAGEM LOGO
-----------------*/

.center-block {
	height: auto;
	max-width: 100%;
}

/* DIV COM CAMPOS NA MESMA LINHA
---------------------------------- */

div.control-group {
	margin-bottom: 10px;
	display: table;
}

div.control-group .column {
	float: left; 
	display: inline;
	min-height: 22px; 
	margin-right: 10px;
	margin-top: 10px;
}

/* FORMULÁRIO - RECUPERA SENHA LOGIN 
---------------------------------------*/

form.senha {			
	max-width: 600px;	
}
	
/* FORMULÁRIO - LOGIN / CADASTRO LOGIN
-------------------------------------------*/

.cad-login input[type="text"], .login input[type="text"] {
	margin-bottom: -1px;	
}

.login input[type="password"] {
	margin-bottom: 10px;		
}

select#cb_permissao {
	margin-top: 8px;
} 

.cad-login .form-control, .login .form-control {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;	
}

.cad-login #enviar, .login #enviar {
	font-size: 16px;
}

form.login {
	padding: 15px;		
	margin: 0 auto;
	max-width: 330px;	
}

form.cad-login {
	margin: 0 auto;
	max-width: 330px;	
}

button#btnVoltar {
	font-size: 21px;
	top: 0px;
}

div.btn-toolbar {
	margin-top: 10px;
}

h3#label-cad-usuario {
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}

/* ALERTA - LOGIN
------------------ */

#alerta {
	margin: 0 auto;
	max-width: 300px;
	margin-bottom: 15px;
}


/* CABEÇALHO - PAINEL 
--------------------------*/

.page-header {	
	margin: 6px 0 2px;
}

.well {
	background-image: -webkit-linear-gradient(top,#428bca 0,#2d6ca2 100%);
	background-image: linear-gradient(to bottom,#428bca 0,#2d6ca2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
	border-color: #2b669a;
}

.msg-boas-vindas {
	color: #fff;	
	text-align: justify;
	margin-bottom: 10px;
}

a[id="lnkSair"] {
	color: #ffeb00;	
}

a[id="lnkSair"], .msg-boas-vindas {
	font-size: 13px;
}

a:hover {
	text-decoration: none;
	color: #ffffff;
}

div.page-header.well .control-group span {
	color: #fff;
	top: 3px;
	margin-right: 5px;
}

/* PAINEL ADMINISTRATIVO
-------------------------- */

div.jumbotron h2 {
	font-weight: bold;
}

/* RODAPÉ - PAINEL
--------------------*/

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #FAFAFA;	
}

.container .text-muted {
  margin: 20px 0;
  text-align: center;
} 

/* MODAL
------------------------------*/

.modal-header {
 	border-bottom: none !important;
}

.modal-footer {
	margin-top: 0px !important;
	border-top: none !important;
	text-align: center !important;
}

.modal-body {
	text-align: center !important;
	padding: 0px !important;
}

div.modal-header > h3 {
	font-weight: bold;
}
	
/* MENSAGEM VALIDAÇÃO FORMULÁRIO
----------------------------------*/

label.error {
	font-size: 11px;
	color: #EC4040;	
}

input.error, select.error, textarea.error {
	border: solid 1px #FF7B90;
}

/* FORMULÁRIO - PESQUISA
-------------------------------*/

input#busca {
	max-width: 350px;
	margin-top: 40px;
} 

/* FORMULÁRIO
----------------*/

div.form-group label {
	font-weight: normal;
}


/* FORMULÁRIO - CADASTRO/EDITAR ÁREA
-------------------------------------*/

input#nome {	
	max-width: 400px;
}

form#form-cadastro-area h1, form#form-editar-area h1 {
	margin-top: 30px;
	margin-bottom: 25px;	
}


/* FORMULÁRIO - CADASTRO/EDITAR FUNCIONÁRIO
----------------------------------------------*/

input#nome {	
	max-width: 400px;
}

form#form-cadastro-funcionario h1, form#form-editar-funcionario h1 {
	margin-top: 35px;
	margin-bottom: 25px;	
}

#form-cadastro-funcionario select#sel_area, #form-editar-funcionario select#sel_area {
	max-width: 350px;
}

/* FORMULÁRIO - CADASTRO/EDITAR RAMAL
----------------------------------------------*/

input#nome {	
	max-width: 400px;
}

input#ramal {	
	max-width: 100px;
}

form#form-cadastro-ramal h1, form#form-editar-ramal h1 {
	margin-top: 25px;
	margin-bottom: 25px;
	
}

#form-cadastro-ramal select#sel_funcionario, #form-editar-ramal select#sel_funcionario {
	max-width: 350px;
}

/* TABELA 
-------------*/

.table.lista-de-ramal {
	width: 100%;
}

.table.lista-area {
	width:60%;
}

table tr.GridHeaderStyle th {
	background-color: #428bca;
    color: #fff;
    font-weight: 600;
}

table td.GridEmptyRowStyle {
	padding: 12px; 
	font-weight: bold;
}

table tr.CRUDGridRowStyle{
    background-color: #ffffff;
}

table tr.CRUDGridAlternatingRowStyle{
    background-color: #f3faff;
}

table tr.CRUDGridRowStyle td, table tr.CRUDGridRowStyle td {
    border-bottom: 1px solid #dde8dc !important;
}

div.GridNoRow {
	background-color: #D3D3D3; 
	margin-bottom: 5px;
}


/* LISTA DE RAMAL 
-------------------*/

div#ultima-atualizacao {
	font-weight: bold;
}

/* IMAGEM DENTRO INPUT TEXT 
----------------------------- */

.left-inner-icon {
    position: relative;
}

.left-inner-icon input {
    padding-left: 30px;    
}

.left-inner-icon span.glyphicon-search {
    position: absolute;
    padding: 6px 315px;
    pointer-events: none;
    z-index: 1;
    opacity: 0.7;
    font-size: 20px;
}

/* PAGINAÇÃO
------------------------*/

#lista-paginas {
	background-color: #E9E9E9;
}

#lista-paginas a {
	margin-left: 3px;
	margin-right: 3px;
	padding: 0 4px;
}

#lista-paginas a:hover {
	background-color: #428bca;
	color: #FFFFFF;
	border-radius: 3px;
	font-weight: 700;
}

